<template>
  <div>
    <el-table v-if="false" :data="tableData"
              :header-cell-style="headerStyle"
              style="width: 100%">
      <el-table-column
          prop="date"
          label="日期"
          width="150">
      </el-table-column>
      <el-table-column label="配送信息">
        <el-table-column
            prop="name"
            label="姓名"
            width="120">
        </el-table-column>
        <el-table-column label="地址">
          <el-table-column
              prop="province"
              label="省份"
              width="120">
          </el-table-column>
          <el-table-column
              prop="city"
              label="市区"
              width="120">
          </el-table-column>
          <el-table-column
              prop="address"
              label="地址"
              width="300">
          </el-table-column>
          <el-table-column
              prop="zip"
              label="邮编"
              width="120">
          </el-table-column>
        </el-table-column>
      </el-table-column>
    </el-table>

    <!--  显示的组件  -->
    <!--    <element3></element3>-->
<!--    <element4></element4>-->
<!--    <element5></element5>-->
<!--    <element6></element6>-->
    <element7></element7>
  </div>
</template>

<script>
import element3 from "@/views/element/element3.vue";
import element4 from "@/views/element/element4.vue";
import element5 from "@/views/element/element5.vue";
import element6 from "@/views/element/element6.vue";
import element7 from "@/views/element/element7.vue";

export default {
  components: {
    element3,
    element4,
    element5,
    element6,
    element7,
  },
  data() {
    return {
      tableData: [{
        date: '2016-05-03',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-02',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-04',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-01',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-08',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-06',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-07',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }]
    }
  },
  computed: {
    headerStyle1() {
      return {background: 'blue'};
    }
  },
  methods: {
    headerStyle({row, rowIndex}) {
      return {background: 'blue'}
    }
  }
}
</script>

<style scoped>

</style>